<template>
  <div>
    <div class="top">
      小程序管理系统
      <a-space :size="20" style="position: absolute; right: 30px">
        <a-icon type="bell" />
        <span>
          <a-icon type="user" />管理员
          <!-- <p style="font-size:10px;"></p> -->
        </span>
      </a-space>
    </div>
    <div class="container">
      <a-layout>
        <a-layout-header
          :style="{
            zIndex: 1,
            width: '100%',
            background: 'white',
            height: '30px',
          }"
        >
          <a-menu
            theme="light"
            mode="horizontal"
            :default-selected-keys="['1']"
            :style="{ lineHeight: '30px' }"
          >
            <a-menu-item key="1">
              <router-link to="/">
                <span>客户管理</span>
              </router-link>
            </a-menu-item>
            <a-menu-item key="2">
              <router-link to="/vuex">
                <span>Vuex</span>
              </router-link>
            </a-menu-item>
            <a-menu-item key="3">
              <router-link to="/test">
                <span>test</span>
              </router-link>
            </a-menu-item>
            <a-menu-item key="4">
              <router-link to="/mast">
                <span>小马哥</span>
              </router-link>
            </a-menu-item>
            <a-menu-item key="5">
              <router-link to="/elementUI">
                <span>ElementUI</span>
              </router-link>
            </a-menu-item>
          </a-menu>
        </a-layout-header>
        <a-layout-content
          :style="{
            margin: '20px 16px 0px 16px',
            marginTop: '20px',
            background: '#fff',
            padding: '20px',
            minHeight: '520px',
          }"
        >
          <router-view></router-view>
        </a-layout-content>
        <a-divider :style="{ height: '1px' }" />
      </a-layout>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>
<style>
.top {
  width: 100%;
  height: 50px;
  background: black;
  color: white;
  font-size: 15px;
  /* text-align: left; */
  padding-left: 30px;
  line-height: 50px;
  /* position: absolute; */
}
.container {
  width: 100%;
  height: 85%;
  background: rgb(241, 99, 3);
  margin: 0px 0px 0px 0;
}
</style>
